/*
 * 设计组件的前
 * 目录应为
 * 按钮英文button-文件夹
 *         index.js
 *         index.vue
 * */

/*
 * 设计组件样式的时候
 * 情况一：
 * 使用uview二次封装，uview组件的宽高圆角应与外层包裹的div一致，达到样式一致性
 * 情况二：
 * 自行封装
 * */

/*
 * JSON
 * 意为低代码的json结构，用于低代码样式和属性的渲染
 * JSON-type
 * 意为组件的渲染关键词，用于渲染是递归判断或者动态渲染
 * JSON-style
 * 意为组件的样式，目前只保留宽高定位圆角
 * JSON-attribute
 * 意为组件的熟悉，用于设置组件的各种属性值或者行为形态
 * */

/*
 * JSON-style的编写要求，
 * ''：此时为空，0：此时为0。0是0，空是空，空的时候，则样式属性会不生效或者根据dom定义。
 * 纯数字的时候，样式单位会转为px,其余会根据定义而定义，低代码会出判断，凡是非rem，px，rpx，vw，vh的，全部定义为px
 * */

/*
 * JSON-attribute的编写要求
 * 无
 * */

/*
 * CONFIG
 * 意为低代码物料区的配置
 * */

export const JSON = {
  type: "yqd-button",
  style: {
    width: "100px",
    height: "1728",
    position: "relative",
    left: 0,
    right: "",
    top: 0,
    bottom: "",
    borderRadius: "",
  },
  attribute: {
    text: "默认按钮",
    type: "primary",
  },
  events: {},
  items: [],
};

export const CONFIG = {
  type: "yqd-button",
  name: "基础按钮",
  icon: "https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg",
  path: "/components/button/index.vue",
};

export default {
  JSON,
  CONFIG,
};
